<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui">

	<f:view contentType="text/html">
	
		<h:head>
			<title><ui:insert name="head"></ui:insert></title>
			
			<!-- <h:outputStylesheet library="css" name="default.css"/> ESTA ES LA ETIQUETA QUE SE USA PARA INGRESAR LOS ESTILOS, IGUAL CON LOS JS E IMAGENES
			<meta content=text/html charset="UTF-8" http-equiv="Content-Type"/> -->
			
			<link type="text/css" rel="stylesheet" href="#{request.contextPath}/themes/redmond/skin.css" />
			<link type="text/css" rel="stylesheet" href="#{request.contextPath}/css/default.css" />
			<link type="text/css" rel="stylesheet" href="#{request.contextPath}/syntaxhighlighter/styles/syntaxhighlighter.css" />
			
			<style type="text/css">
			.new {
			background: url(../images/new-ico.gif) no-repeat 1%;
			}
			
			.ui-widget {
			font-size: 98% !important;
			}
			
			.ui-menu .ui-menu-item .ui-menu-item-label {
			padding: .2em 1.7em;
			}
			
			.ui-growl {
			top:115px;
			}
			
			.themeMenu {
			overflow: auto;
			height:300px;
			width:200px;
			}
			</style>
		<!-- 
		<link href="#{request.contextPath}/css/jimgMenu.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="#{request.contextPath}/js/jquery.js"></script>
		<script type="text/javascript" src="#{request.contextPath}/js/jquery-easing-1.3.pack.js"></script>
		<script type="text/javascript" src="#{request.contextPath}/js/jquery-easing-compatibility.1.2.pack.js"></script>
		<script type="text/javascript" src="#{request.contextPath}/js/menuPpal.js"></script>
		 -->
		
		
		</h:head>
		
		<h:body>
			<div class="ui-widget ui-widget-header">
				<div id="logo">
					<h1>Sistema para el Control y Seguimiento de Neumáticos </h1>
				</div>
			</div>
			
			
			<div id="wrapper">
				
				<div id="page">
					<p:menubar>
						<p:submenu label="Inicio">
							<p:menuitem value="Inicio" url="/contenido/principal.xhtml"></p:menuitem>
						</p:submenu>
						<p:submenu label="Gestión Empresa">
								<p:menuitem value="Empresa" url="/contenido/empresas.xhtml"/>
								<p:menuitem value="Empleados" url="/contenido/empleados.xhtml"/>
								<p:menuitem value="Proveedores" url="/contenido/proveedores.xhtml"/>
								<p:menuitem value="Rutas" url="/contenido/rutas.xhtml"/>
						</p:submenu>
						<p:submenu label="Vehículos">
							<p:menuitem value="Gestionar Vehículos" url="/contenido/vehiculos.xhtml"></p:menuitem>
							<p:submenu label="Configuraciones">
								<p:menuitem value="Marcas" url="/contenido/marcasVehiculo.xhtml"/>
								<p:menuitem value="Modelos" url="/contenido/modelosVehiculo.xhtml"/>
								<p:menuitem value="Tipos de Vehículos" url="/contenido/tiposVehiculo.xhtml"/>
								<p:menuitem value="Esquemas de Ejes" url="#"/>
							</p:submenu>
						</p:submenu>
						<p:submenu label="Neumáticos">
							<p:menuitem value="Gestionar Neumáticos" url="#"></p:menuitem>
							<p:submenu label="Acciones">
								<p:menuitem value="Reingresos" url="#"/>
								<p:menuitem value="Enviar desde Almacén 'Listos para Montar'" url="#"/>
								<p:menuitem value="Cambiar Sentido de Giro" url="#"/>
								<p:menuitem value="Dar de Baja" url="#"/>
							</p:submenu>
							<p:submenu label="Configuraciones">
								<p:menuitem value="Marcas" url="/contenido/marcasNeumatico.xhtml"/>
								<p:menuitem value="Medidas" url="/contenido/medidasNeumatico.xhtml"/>
								<p:menuitem value="Diseños" url="/contenido/disenosNeumatico.xhtml"/>
							</p:submenu>
							<p:menuitem value="Historial de Neumáticos" url="#"></p:menuitem>
						</p:submenu>
						<p:submenu label="Movimientos">
							<p:menuitem value="Rotación" url="#"/>
							<p:menuitem value="Montaje" url="#"/>
							<p:menuitem value="Desmontaje" url="#"/>
							<p:menuitem value="Inspección" url="#"/>
							<p:menuitem value="Causas de Operaciones" url="/contenido/causasOperacion.xhtml"/>
							<p:menuitem value="Tipos de Desgaste" url="/contenido/tiposDesgaste.xhtml"/>
							<p:menuitem value="Historial" url="#"></p:menuitem>
						</p:submenu>
						<p:submenu label="Listados y Reportes">
							<p:submenu label="Neumáticos">
							
							</p:submenu>
							<p:submenu label="Vehículos">
								<p:submenu label="Fichas de Vehículos">
									<p:menuitem value="Individual" url="#"></p:menuitem>
									<p:menuitem value="Ver Todas" url="#"></p:menuitem>
								</p:submenu>
								<p:menuitem value="Neumáticos para Girar" url="#"></p:menuitem>
							</p:submenu>
							<p:submenu label="Gráficos y Resúmenes">
							
							</p:submenu>
						</p:submenu>
						<p:submenu label="Seguridad">
							<p:menuitem value="Cuentas de Usuario" url="#"/>
							<p:menuitem value="Grupos y Roles" url="#"/>
							<p:menuitem value="Permisos" url="#"/>
						</p:submenu>
					</p:menubar>
				
				<br>
				</br>
					 <div id="sidebar1" class="ui-widget-content ui-corner-all ui-helper-clearfix sidebar" style="border: 0;margin-top: 0px;">
					
						
						<h:form id="frmMenu" prependId="false" >
						
						</h:form>  
					</div>
					
					<div id="content" class="ui-widget">
						<div class="post">
							<ui:insert name="content">
							
							</ui:insert>
						</div>
						
					</div>
					
					<!--  
					<div class="jimgMenu">
					  <ul>
					    <li class="inicio"><a href="#">Inicio</a></li>
					    <li class="empresa"><a href="#">Empresas</a></li>
					    <li class="vehiculo"><a href="#">Vehículos</a></li>
					    <li class="neumatico"><a href="#">Neumáticos</a></li>
					    <li class="movimiento"><a href="#">Movimientos</a></li>
					  </ul>
					</div>
					-->
				</div>
			</div>
			<div id="footer" class="ui-widget ui-widget-header ui-corner-all">
				<p class="copyright"> Renovadora Cauca, C.A. - Venezuela  </p>
			</div>
		</h:body>
		
		<ui:insert name="highlight">
			<script language="javascript" src="#{request.contextPath}/syntaxhighlighter/scripts/shCore.js"></script>
			<script language="javascript" src="#{request.contextPath}/syntaxhighlighter/scripts/shBrushXml.js"></script>
			<script language="javascript" src="#{request.contextPath}/syntaxhighlighter/scripts/shBrushJava.js"></script>
			<script language="javascript" src="#{request.contextPath}/syntaxhighlighter/scripts/shBrushCss.js"></script>
			<script language="javascript" src="#{request.contextPath}/syntaxhighlighter/scripts/shBrushJScript.js"></script>
			<script language="javascript">
				dp.SyntaxHighlighter.ClipboardSwf = '#{request.contextPath}/syntaxhighlighter/scripts/clipboard.swf';
				dp.SyntaxHighlighter.HighlightAll('code');
			</script>
		</ui:insert>
	
	</f:view>
</html>